<script setup lang="ts">
defineOptions({ name: "WebxDictLoading" });
defineProps({
  loading:{ type:Boolean, default: true }
});
</script>

<template>
  <div class="webx-dict-loading fixed left-0 top-0 right-0 z-10 flex flex-col justify-center items-center overflow-hidden"
       :class="[loading ? 'h-full' : 'h-0']">
    <img class="w-15" src="./loading.gif" alt="">
    <div class="text-white">数据加载中...</div>
  </div>
</template>

<style scoped lang="less">
.webx-dict-loading{
  background-color: #7ee1ff;
  transition: .3s;
}
</style>